		<extend name="Base/common"/>

<block name="style">
<link href="__CSS__/stylesheet.css" rel="stylesheet">
<style>body {background: #fff;}</style>
</block>

<block name="script">
<script type="text/javascript">
$(function(){
	$('nav .tools li').eq(0).remove();
});
</script>
<script type="text/javascript" src="__JS__/banner.js"></script>
</block>

<block name="header">
<header>
	<div class="container">
		<section class="menu-top">
			<div class="fl">
				<section class="header-logo-search">
					<div class="logo fl">
						<img src="__IMG__/logo.png"/>
					</div>
					<div class="search form-group fl">
						<form action="" method="post" autocomplete="off">
							<div class="dropdown fl">
								<a data-toggle="dropdown" href="javascript:;">商品</a>
								<ul class="dropdown-menu">
									<li><a href="javascript:;" data-id="putong">商品</a></li>
									<li><a href="javascript:;" data-id="paipin">拍品</a></li>
									<li><a href="javascript:;" data-id="xianzhi">闲置</a></li>
								</ul>
							</div>
							<input name="type" type="hidden" value="putong">
							<input name="title" type="text" class="search-text" />
							<a href="javascript:;" class="search-btn fr">搜 索</a>
							<script type="text/javascript">
							$(function(){
								$('.dropdown li a').click(function(){
									self = $(this), type = $('.search input[name="type"]');
									$('.dropdown > a').text(self.text());
									type.val(self.attr('data-id'));
								});
							});
							</script>
						</form>
					</div>
				</section>
				<section class="header-ad">
					<img src="__IMG__/header_ad.png">
				</section>
			</div>
	        <div class="fr qrecode">
	            <img src="__IMG__/QRcode.png"/>
	        </div>
        </section>
        <div class="sub-menu fl">
			<a class="sub-menu-top" href="{:U('Product/Index')}">全部商品分类</a>
			<ul>				
				<volist name=":getCategoryTree()" id='vo'>
				<li>
					<a  class="title" href="{:U('Product/Index?fid='.$vo['id'])}">{$vo.title}</a>
					<div class="sub-menu-list">
						<volist name="vo._child" id="child">
							 <a href="{:U('Product/Index?cid='.$child['id'])}">{$child.title}</a>
					  </volist>
					</div>
				</li>
				</volist>			
			</ul>
		</div>
		<div class="sub-nav">
	       	<ul>
	       		<li><a href="{:U('Index/index')}">首页</a></li>
	       		<li><a href="{:U('Identify/index')}">鉴真宝</a></li>
	       		<li><a href="{:U('Pzb/index')}">拍真宝</a></li>
	       		<li><a href="{:U('Qgh/index')}">抢购会</a></li>
	       		<li><a href="{:U('Pzg/index')}">拍照购</a></li>
	       		<li><a href="{:U('Xlw/index')}">选礼物</a></li>
	       		<li><a href="{:U('Xz/index')}">闲置</a></li>
	       	</ul>
	       	<div class="banner">
	       		<ul class="banner-img">
	       			<li><a href="#"><img src="__IMG__/img1.png"></a></li>
	       			<li><a href="#"><img src="__IMG__/img2.png"></a></li>
	       			<li><a href="#"><img src="__IMG__/img3.png"></a></li>
	       			<li><a href="#"><img src="__IMG__/img4.png"></a></li>
	       			<li><a href="#"><img src="__IMG__/img1.png"></a></li>
	       			<li><a href="#"><img src="__IMG__/img3.png"></a></li>
	       		</ul>
	       		<div class="banner-btn"></div>
	       		<div class="banner-page">
	       			<a href="javascript:;" class="prev"><</a>
	       			<a href="javascript:;" class="next">></a>
	       		</div>
	       	</div>
	       	<div class="section">
	       		<div class="title">真宝头条<a href="#"><span>>更多</span></a></div>
	       		<ul>
	       			<li><a href="#"><span>[特惠]</span>海飞丝去屑海飞丝去屑海飞丝去屑海飞丝去屑</a></li>
	       			<li><a href="#"><span>[特惠]</span>海飞丝去屑</a></li>
	       			<li><a href="#"><span>[特惠]</span>海飞丝去屑海飞丝去屑海飞丝去屑海飞丝去屑</a></li>
	       			<li><a href="#"><span>[特惠]</span>海飞丝去屑</a></li>
	       			<li><a href="#"><span>[特惠]</span>海飞丝去屑</a></li>
	       		</ul>
	       	</div>
	       	<div class="section">
	       		<div class="title">快速入口</div>
	       		<form action="" method="post" autocomplete="off">
	        		<ul>
	        			<li><input type="text" name="username" placeholder="用户名" /></li>
	        			<li><input type="password" name="password" placeholder="密码" /></li>
	        			<li><a class="btn">登录</a> <a class="btn">注册</a></li>
	        			<li class="else"><a href="javascript:;" class="opendialog" dialog-form="login">>>选择其他登录方式</a></li>
	        		</ul>
	       		</form>
	       	</div>
	    </div>
	</div>
</header>
</block>

<block name="body">
<div class="container">
	<section class="floor floor1">
		<div class="floor-head">1F {$f1.title}<a href="{$f1.more}" class="more">>更多</a></div>
        <div class="floor-body br bl bb">
            <div class="br fl item1">
                <a href="#"><img src=""/></a>
            </div>
            <div class="fl br item2">
                <div class="bb"><a href="#"><img src=""/></a></div>
                <div class="fl br"><a href="#"><img src=""/></a></div>
                <div class="fl"><a href="#"><img src=""/></a></div>
            </div>
            <div class="fl br item3">
                <div class="fl bb"><a href="#"><img src=""/></a></div>
                <div class="fl"><a href="#"><img src=""/></a></div>
            </div>
            <div class="fl item3">
            	<div class="fl bb"><a href="#"><img src=""/></a></div>
            	<div class="fl"><a href="#"><img src=""/></a></div>
            </div>
        </div>
        <script type="text/javascript">
        $(function(){
        	var imgs = {$f1['item']};
        	imgsrc = $('.floor1').find('img');
        	$.each(imgs, function(i, item){        	
        		imgsrc.eq(i).parent().attr('href', item.link);
        		imgsrc.eq(i).attr('src', '__ROOT__'+item.image_path);
        	});
        });
        </script>
    </section>
    <section class="floor floor2">
		<div class="floor-head">2F {$f2.title}<a href="{$f2.more}" class="more">>更多</a></div>
        <div class="floor-body br bl bb">
        	<div class="fl"><a href="#"><img src="__IMG__/index/f2_03.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_05.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_07.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_09.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_11.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_13.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f2_05.gif"/></a></div>
        </div>
        <script type="text/javascript">
        $(function(){
        	var imgs = {$f2['item']};
        	imgsrc = $('.floor2').find('img');
        	$.each(imgs, function(i, item){        	
        		imgsrc.eq(i).parent().attr('href', item.link);
        		imgsrc.eq(i).attr('src', '__ROOT__'+item.image_path);
        	});
        });
        </script>
    </section>
    <section class="floor floor3">
		<div class="floor-head">3F {$f3.title}<a href="{$f3.more}" class="more">>更多</a></div>
        <div class="floor-body br bl bb">
        	<div class="fl"><a href="#"><img src="__IMG__/index/f3_03.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f3_04.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f3_05.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f3_06.gif"/></a></div>
            <div class="fl bl"><a href="#"><img src="__IMG__/index/f3_08.gif"/></a></div>
        </div>
        <script type="text/javascript">
        $(function(){
        	var imgs = {$f3['item']};
        	imgsrc = $('.floor3').find('img');
        	$.each(imgs, function(i, item){        	
        		imgsrc.eq(i).parent().attr('href', item.link);
        		imgsrc.eq(i).attr('src', '__ROOT__'+item.image_path);
        	});
        });
        </script>
    </section>
    <section class="floor floor4">
		<div class="floor-head">4F {$f4.title}<a href="{$f4.more}" class="more">>更多</a></div>
        <div class="floor-body br bl bb">
        	<ul>
        	<volist name="f4['item']" id="vo">
        	<li>
                    <a href="{:U('Product/detail',array('id'=>$vo['id']))}">
                        <img src="__ROOT__{$vo.image_path}"/>
                        <span class="pname">{$vo.title|msubstr=0,14,'utf-8',false}</span>
                        <span class="price">￥&nbsp;{$vo.price}</span>
                    </a>
                </li>  
        	</volist>      
            </ul>
        </div>
    </section>
    <section class="floor floor5">
		<div class="floor-head">5F {$f5.title}<a href="{$f5.more}" class="more">>更多</a></div>
        <div class="floor-body br bl bb">
        	<ul>
                <volist name="f5['item']" id="vo">
        	<li>
                    <a href="{:U('Product/detail',array('id'=>$vo['id']))}">
                        <img src="__ROOT__{$vo.image_path}"/>
                        <span class="pname">{$vo.title|msubstr=0,14,'utf-8',false}</span>
                        <span class="price">￥&nbsp;{$vo.price}</span>
                    </a>
                </li>  
        	</volist>      
            </ul>
        </div>
    </section>
</div>
</block>